<template>
	<div class="app-container">
		<header class="app-header">
			<h1>AI 应用集合</h1>
			<nav class="app-nav">
				<RouterLink to="/">主页</RouterLink>
				<RouterLink to="/love">AI 恋爱大师</RouterLink>
				<RouterLink to="/manus">AI 超级智能体</RouterLink>
			</nav>
		</header>
		<main class="app-main">
			<RouterView />
		</main>
		<SiteFooter />
	</div>
</template>

<script setup lang="ts">
import SiteFooter from './components/SiteFooter.vue';
</script>

<style scoped>
.app-container {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
.app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid #eee;
}
.app-nav a {
	margin-right: 12px;
	text-decoration: none;
	color: #1677ff;
}
.app-nav a.router-link-active {
	font-weight: 600;
}
.app-main {
	flex: 1;
	overflow: hidden;
}
</style>


